var bottomEl = `
<div class='com-bom-wrap'>
   <div class='center-con dis-spa com-bom-par'> 
        <div class='com-bom-left'>
            <h1>智鼎溯源</h1>
            <div class='dis-spa'>
                <p class='dis-spa'>
                    <img src='./img/address.svg' width='14px' height='14px' />
                    <span>重庆市渝中区经纬大道789号美源-美源大厦12层</span>
                </p>
                <p class='dis-spa'>
                    <img src='./img/phone.svg' width='14px' height='14px' />
                    <span>023-63410620</span>
                </p>
            </div>
            <div class='dis-spa'>
                <p class='dis-spa'>
                    <img src='./img/address.svg' width='14px' height='14px' />
                    <span>北京市海淀区安宁庄西路9号金泰富地大厦201</span>
                </p>
                <p class='dis-spa'>
                    <img src='./img/phone.svg' width='14px' height='14px' />
                    <span>010-82743591</span>
                </p>
            </div>
            <div class='dis-spa'>
                <p class='dis-spa'>
                    <img src='./img/oil.svg' width='14px' height='14px'/>
                    <span>service@xi-tech.com.cn</span>
                </p>
            </div>
            <div class='dis-spa'>
                <p class='dis-spa'>
                    <img src='./img/weixin-black.svg' width='14px' height='14px' />
                    <span>17353262583 &nbsp;17365294814</span>
                </p>
            </div>
            <p style='padding-top: 100px;'>Copyright 智鼎溯源有限公司 渝ICP备 17006571号-1</p>
        </div>
        <div class='com-bom-right'>
            <div class='dis-spa'>
                <div class='dis-spa com-input-lian'>
                    <input type='text' placeholder='你的联系方式' />
                    <p class='hover'>提交</p>
                </div>
                <div class='hover' style='flex:0 0 100px;'>
                    图片
                </div>
            </div>
            <div class='dis-spa' style='padding-top:100px;font-size:15px;'>
                <span class='hover'>关于我们</span>
                <span class='hover'>新闻中心</span>
                <span class='hover'>联系我们</span>
                <span class='hover'>寻求帮助</span>
                <span class='hover'>深入了解</span>
                <span class='hover'>产品中心</span>
            </div>
        </div>
   </div>
</div>
`;
Vue.component('bot', {
    template: bottomEl,
    data: function() {
        return {

        }
    },
    mounted: function() {
        // var link = document.createElement("link");
        // link.rel = "stylesheet";
        // link.type = "text/css";
        // link.href = './css/component/bottom.css';
        // document.getElementsByTagName("head")[0].appendChild(link);
    },
    methods: {

    }
});